<template>
    <div class="App">
        <Header></Header>
        <div class="app-container">
            <router-view class="app-content"></router-view>
        </div>
        <Footer></Footer>
    </div>
</template>

<script>
    import Header from "./components/Header"
    import Footer from "./components/Footer";
    export default {
        name: "App",
        components:{
            Header,
            Footer
        }
    }
</script>

<style lang="stylus">
@import "assets/css/base.css"
    .app-container
         width 100%
         height: 100%
         background-color #f5f5f5
    .app-content
         width 1200px
         margin 0 auto
         overflow hidden
</style>
